<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>猜指数</title>
     <meta name='viewport' content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" href="css/exponent.css">
</head>
<body>
   
    
    
    <div class="exponent-index bg">
       <div class="index-banner">
           <img src="img/banner-1.png" alt="">
       </div>
       
       <div class="hand-bg">
            <div class="handIndex">
                
            </div>
            <div class="mask">
               <div class="mask-one">
                   <img src="img/mask1.png" alt="">
               </div>
               <div class="mask-two">
                   <img src="img/mask2.png" alt="">
               </div>
               <div class="mask-three">
                   <img src="img/mask3.png" alt="">
               </div>
               <div class="mask-four">
                   <img src="img/mask4.png" alt="">
               </div>
            </div>
        </div>
        
        <div class="guess-int">
                <input id="guessInt" type="number" placeholder="请填写0～9范围内的数字">
        </div>
        <div class="judge">
            <span id="judge-text"></span>
        </div>
        <div id="guessBtn" class="guess-btn">
            <img id="seeBtn" src="img/button.png" alt="">
        </div>
        <div class="degree">
            <p>当前剩余次数 <span id="degreeNum">3</span> 次</p>
        </div>
        
        <div class="index-footer">
            <div class="footer-left">
                <a href="">我的奖品</a>
            </div>
            <div class="footer-right">
                <a href="">活动规则</a>
            </div>
        </div>  
    </div>
    
    <div id="shadeBox" style="display:none" class="shade-bg">
        <div class="shade"></div>
        <div class="popup">
            <div class="popup-text">
                <span>真遗憾，差一点就猜中了</span>
            </div>
            <div class="popBox">
               <div class="handBox">
                   <img id="handImg" src="img/0.png" alt="">
               </div>
                
               <div class="pop-bottom">
                   <span>正确答案：</span><span id="pop-answer">4</span>     
               </div>
            </div>
            <div class="guess">
                <button id="gueBtn">再猜一次</button>
            </div>
        </div>
    </div>
    <div id="correctBox" style="display:none" class="correct">
        <div class="shade"></div>
        <div class="popup">
            <div class="correctText">
                <span>恭喜您猜对了</span>
            </div>
            <div class="correct-two-text">
                <span>获得一次抽奖机会</span>
            </div>
            <div class="correct-btn">
                <button id="luckDraw" class="yellow">抽奖</button>
            </div>
            <div class="correct-btn">
                <button id="recur" class="blue">在玩一次</button>
            </div>
            <div class="correct-btn">
                <button class="purple">叫上小伙伴</button>
            </div>
        </div>
        <div id="guessClose" class="close">
            <img src="img/close.png" alt="">
        </div>
    </div>
    
    <div class="convert" style="display:none">
        <div class="shade"></div>
        <div class="popup pophei">
            <div class="correctText">
                <span>恭喜您！</span>
            </div>
            <div class="correct-two-text">
                <span>获得奖品［inphoneX］</span>
            </div>
            <div class="prize">
                <img id="prizeImg" src="img/prize.png" alt="">
            </div>
            <div class="prizeBtn">
                <button id="prizeBtn">兑换</button>
            </div>
            <div class="addressBox">
                <p><span>线下门店兑换（当面核销有效）</span></p>
                <p><span>兑换地址：</span><span>成都市天府五街银泰城14F-8</span></p>
            </div>
            <div class="valid">
                <p><span>有效期：2018／03／25～2018／04／25</span></p>
            </div>
        </div>
        <div id="convertClose" class="close popClose">
            <img src="img/close.png" alt="">
        </div>
    </div>
   
    
    
    
    
    
    
    
    <script src="js/auto-size.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/exponent.js"></script>
</body>
</html>